<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>产品中心</title>
<link rel="stylesheet" href="/home/css/style.css" >
<link rel="stylesheet" href="/home/css/jquery.bxslider.css" >
<link rel="stylesheet" href="/home/css/reset.css">
<script type="text/javascript" src="/home/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/home/js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="/home/js/jquery.kkPages.js"></script>
<SCRIPT type="text/javascript" src="/home/js/base.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/home/js/lib.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/home/js/163css.js"></SCRIPT>
</head>

<body>
<!--头部-->
<!--<include file="Public:top.html"/>-->
      
@include('home.header')

  <div class="top_gywm">
   			<ul>
            	<li class="cpzx_left">
                	<div class="gywm_liebiao">
                    	<ul>
                        	<li class="gywm_lbname"><span class="spa">产品分类</span><span class="spb">adout us</span></li>
                            <li class="gywm_lb">
                            	<div>
                                	<ul>
                                    @foreach($procate as $pro)    
                                    <li><a href="/pro_category?category_id={{$pro->id}}" >{{$pro->name}}</a></li>
                                     @endforeach
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                    
                </li>

               <li class="cpzx_right">
               		<div class="gywm_xp"></div>
						<div class="gywm_rightName">
							<ul>
								<li class="gyName">产品中心<span>company profil</span></li>
								<li class="gyyou"></li>
							</ul>
						</div>
               		<div class="product_rightCP">
                        <ul>
                          	<li class="product_images">
													<div id=preview>
                                                    @foreach($pic as $key=> $val)
                                                    @if($key == 0)
                                                        <div class=jqzoom id=spec-n1 ><IMG height=320
                                                        src="{{$val->photo}}" jqimg="{{$val->photo}}" width=350>
                                                        </div>
                                                      @endif             
                                                    @endforeach 
                                                        <div id=spec-n5>
                                                            <div class=control id=spec-left>
                                                                <img src="/home/images/left.gif" />
                                                            </div>
                                                            <div id=spec-list>

                                                                <ul class=list-h>
                                                                     @foreach($pic as $val)
                                                                    <li><img src="{{$val->photo}}"> </li>
                                                                    @endforeach
                                                                   
                                                                    
                                                                </ul>
                                                            </div>
                                                            <div class=control id=spec-right>
                                                                <img src="/home/images/right.gif" />
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                            
                            </li>
                            <li class="product_chanshu">
                            		<div class="cpchanshu">
                                    	<ul>
                                             @foreach($data as $val)
                                        	<li>商品名称：<span>{{$val->name}}</span></li>
                                            <li>规格：<span>{{$val->spec}}</span></li>
                                           

                                            <li>价格：<span>{{$val->price}}元</span></li>
                                            <li>功能主治：<span>{{$val->keywords}}</span></li>
                                            <li>产地：<span>{{$val->place}}</span></li>
                                             @endforeach
                                        </ul>
                                    </div>                            
                            </li>
                            <li class="product_jiesao">
                            	<div>
                                	<ul>
                                    	<li class="cp_bt"><span>产品详情</span></li>
                                        @foreach($data as $val)
                                        <li>{!!$val ->contents!!}</li>
                                        @endforeach
                                    </ul>
                                </div>
                           </li> 
                        </ul>
                    </div>	
               </li> 
           </ul>
   </div> 

 @include('home.footer')   
 
</div>
<script type="text/javascript">
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
	
	}

function jsddm_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function jsddm_timer()
{	closetimer = window.setTimeout(jsddm_close, timeout);
   
}

function jsddm_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('#jsddm > li').bind('mouseover', jsddm_open);
	$('#jsddm > li').bind('mouseout',  jsddm_timer);});

document.onclick = jsddm_close;
  </script>
<SCRIPT type=text/javascript>
	$(function(){			
	   $(".jqzoom").jqueryzoom({
			xzoom:320,
			yzoom:320,
			offset:10,
			position:"right",
			preload:1,
			lens:1
		});
		$("#spec-list").jdMarquee({
			deriction:"left",
			width:350,
			height:56,
			step:2,
			speed:4,
			delay:10,
			control:true,
			_front:"#spec-right",
			_back:"#spec-left"
		});
		$("#spec-list img").bind("mouseover",function(){
			var src=$(this).attr("src");
			$("#spec-n1 img").eq(0).attr({
				src:src.replace("\/n5\/","\/n1\/"),
				jqimg:src.replace("\/n5\/","\/n0\/")
			});
			$(this).css({
				"border":"2px solid #ff6600",
				"padding":"1px"
			});
		}).bind("mouseout",function(){
			$(this).css({
				"border":"1px solid #ccc",
				"padding":"2px"
			});
		});				
	})
	</SCRIPT>
<SCRIPT src="/home/js/jquery.bxslider.min.js" type=text/javascript></SCRIPT>
<script type="text/javascript">
$('.bxslider1').bxSlider({
  auto:true,
  infiniteLoop: true,
  hideControlOnEnd: true
});
</script>

</body>
</html>
